<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <!-- Primary Meta Tags -->
  <title>Portfolio Template - Open source</title>
  <meta name="title" content="Portfolio Template - Open source" />
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"
    integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous" />
  <link rel="stylesheet" href="../src/css/style.css" />
  <link rel="stylesheet" href="../src/css/utilities.css" />
  <style>
    .content-text {
      opacity: 0.8;
    }

    .card:nth-child(1) {
      background: url(https://file.lintiebao.cn/3ixTSFaGQnqQvv4lSaGXmI8UXMX310LE/music.png) center center/cover;
    }

    .card:nth-child(2) {
      background: url(https://file.lintiebao.cn/Lx4066yfQfvn6CR138M39q5Cjekigdw6/qrcode.png) center center/cover;
    }

    .card:nth-child(3) {
      background: url(https://file.lintiebao.cn/mRFcIUs1sY6VKJQveLrymBSttNarHPh4/shortUrl.webp) center center/cover;
    }

    .card:nth-child(4) {
      background: url(https://file.lintiebao.cn/J2wHayy4WVAcFWSlk01QOAtIWW2VLNws/drawboard.webp) center center/cover;
    }

    .card:nth-child(5) {
      background: url(https://file.lintiebao.cn/bYdhuHAPDdR4qNaNHfGmesTK5TadUP4j/canvas.webp) center center/cover;
    }

    .card:nth-child(6) {
      background: url(https://file.lintiebao.cn/1USmxoQs8DSIKim2KPr00Gklc678q70j/handle.png) center center/cover;
    }

    .card:nth-child(7) {
      background: url(https://file.lintiebao.cn/MFn7SFAHTmixKBaJYTThdnz6vVrNwtI9/pixelate.png) center center/cover;
    }

    .card:nth-child(8) {
      background: url(https://file.lintiebao.cn/q6kGqLoRt2syBO9GfUx4nQmE4d4mhyKu/ImgPilot.webp) center center/cover;
    }

    .card:nth-child(9) {
      background: url(https://file.lintiebao.cn/DvixT1zDnxwkvug3OqaTulHFx7AAByqC/tryemoji.webp) center center/cover;
    }

    .card:nth-child(10) {
      background: url(https://file.lintiebao.cn/Sqa9rlPTe1Hsf4hiUoiTEY805XyROqSo/linux.png) center center/cover;
    }

    .card:nth-child(11) {
      background: url(https://file.lintiebao.cn/feKUQnXAq8849cSlbM3YXR9boqT13lB3/incredibox.webp) center center/cover;
    }

    .card:nth-child(12) {
      background: url(https://file.lintiebao.cn/phQ2PvAREBT8Ji7HWRK5XBpbEpV7HyWQ/novel.png) center center/cover;
    }

    .card:nth-child(13) {
      background: url(https://file.lintiebao.cn/kWPnQwuHV0QzkV9FlItMYYNn4q2ADAtL/tldraw.png) center center/cover;
    }

    .card:nth-child(14) {
      background: url(https://file.lintiebao.cn/2T3T3hHy4JF6t0KkhtfBjf8jPh3dEPFg/excalidraw.png) center center/cover;
    }

    .card:nth-child(15) {
      background: url(../src/assets/project/minimator.png) center center/cover;
    }

    .card:nth-child(16) {
      background: url(../src/assets/project/shuiyin.png) center center/cover;
    }

    .card:nth-child(17) {
      background: url(../assets/project/gemeni.webp) center center/cover;
    }
    
    .card:nth-child(18) {
      background: url(../assets/project/removebg.webp) center center/cover;
    }

    .card:nth-child(19) {
      background: url(../src/assets/project/tupianyasuo.png) center center/cover;
    }

    .card:nth-child(20) {
      background: url(../assets/project/poem.webp) center center/contain no-repeat;
    }
    
    .card:nth-child(21) {
      background: url(../src/assets/project/gaoqingtupian.png) center center/cover;
    }

    #backButton {
      background-image: url('../../poem/images/back.png');
      width: 20px;
      height: 20px;
      background-size: cover;
      cursor: pointer;
      /* background-color: #666; */
    }
  </style>
</head>

<body>
  <!-- Projects -->
 
  <section id="projects" class="project-container container">
    <div id="backButton" class="item1"></div>
    <!-- <div class="division"></div> -->
    <div class="content-text">
      <!-- <h2>我的项目</h2> -->

      <p>开源项目部署</p>
    </div>

    <article class="project">

      <!-- Project 1 -->
      <div href="" class="card">
        <div class="project-info">
          <div class="project-bio">
            <h3>音乐</h3>
            <p>基于网易云数据接口</p>
          </div>

          <div class="project-link">
            <!-- <a href="#" target="_blank"><i class="fab fa-github"></i></a> -->
            <a href="https://music.lintiebao.cn/" target="_blank"><i class="fas fa-globe"></i></a>
          </div>
        </div>
      </div>

      <!-- Project 2 -->
      <div href="" class="card">
        <div class="project-info">
          <div class="project-bio">
            <h3>二维码生成器</h3>
            <p>请告诉我，好用吗？</p>
          </div>
          <div class="project-link">
            <a href="https://github.com/zhcz/createQRcode" target="_blank"><i class="fab fa-github"></i></a>
            <a href="https://exquisite-squirrel-469c32.netlify.app" target="_blank"><i class="fas fa-globe"></i></a>
          </div>
        </div>
      </div>
      <!-- Porject 3 -->
      <div href="" class="card">
        <div class="project-info">
          <div class="project-bio">
            <h3>短链接</h3>
            <p>链接还是短点好</p>
          </div>
          <div class="project-link">
            <a href="https://github.com/1pt-co/1pt" target="_blank"><i class="fab fa-github"></i></a>
            <a href="https://sunny-centaur-80a4d9.netlify.app/" target="_blank"><i class="fas fa-globe"></i></a>
          </div>
        </div>
      </div>

      <!-- Porject 4 -->
      <div href="" class="card">
        <div class="project-info">
          <div class="project-bio">
            <h3>大白画板</h3>
            <p>嗯，就是你理解的画板！</p>
          </div>
          <div class="project-link">
            <a href="https://github.com/lirongtong/miitvip-canvas-demo" target="_blank"><i
                class="fab fa-github"></i></a>
            <a href="https://taupe-eclair-708ca4.netlify.app" target="_blank"><i class="fas fa-globe"></i></a>
          </div>
        </div>
      </div>

      <!-- Porject 5 -->
      <div href="" class="card">
        <div class="project-info">
          <div class="project-bio">
            <h3>小黑画板</h3>
            <p>啊，另外一个画板</p>
          </div>
          <div class="project-link">
            <a href="https://github.com/kkoomen/pointless" target="_blank"><i class="fas fa-globe"></i></a>
            <a href="https://illustrious-halva-47831c.netlify.app/" target="_blank"><i class="fas fa-globe"></i></a>
          </div>
        </div>
      </div>

      <!-- Porject 6 -->
      <div href="" class="card">
        <div class="project-info">
          <div class="project-bio">
            <h3>汉兜</h3>
            <p>关于汉字</p>
          </div>
          <div class="project-link">
            <a href="https://github.com/antfu/handle" target="_blank"><i class="fas fa-github"></i></a>
            <a href="https://beautiful-mermaid-de4bae.netlify.app/" target="_blank"><i class="fas fa-globe"></i></a>
          </div>
        </div>
      </div>

      <!-- Porject 7 -->
      <div href="" class="card">
        <div class="project-info">
          <div class="project-bio">
            <h3>Pixelate</h3>
            <p>使用马赛克作画？</p>
          </div>
          <div class="project-link">
            <a href="https://github.com/google/pixelate" target="_blank"><i class="fas fa-github"></i></a>
            <a href="https://pixelate.lintiebao.cn/" target="_blank"><i class="fas fa-globe"></i></a>
          </div>
        </div>
      </div>

      <!-- Porject 8 -->
      <div href="" class="card">
        <div class="project-info">
          <div class="project-bio">
            <h3>ImgPilot</h3>
            <p>你画草图，让AI帮你生成生成艺术品</p>
          </div>
          <div class="project-link">
            <a href="https://github.com/leptonai/imgpilot" target="_blank"><i class="fas fa-github"></i></a>
            <a href="https://imgpilot.lintiebao.cn/" target="_blank"><i class="fas fa-globe"></i></a>
          </div>
        </div>
      </div>

      <!-- Porject 9 -->
      <div href="" class="card">
        <div class="project-info">
          <div class="project-bio">
            <h3>Tryemoji</h3>
            <p>通过AI将表情符号变成令人惊叹的艺术品</p>
          </div>
          <div class="project-link">
            <a href="https://github.com/leptonai/tryemoji" target="_blank"><i class="fas fa-github"></i></a>
            <a href="https://tryemoji.lintiebao.cn/" target="_blank"><i class="fas fa-globe"></i></a>
          </div>
        </div>
      </div>

      <!-- Porject 10 -->
      <div href="" class="card">
        <div class="project-info">
          <div class="project-bio">
            <h3>Linux命令</h3>
            <p>搜集了601个Linux命令</p>
          </div>
          <div class="project-link">
            <a href="https://github.com/jaywcjlove/linux-command" target="_blank"><i class="fas fa-github"></i></a>
            <a href="https://linux-command.lintiebao.cn/" target="_blank"><i class="fas fa-globe"></i></a>
          </div>
        </div>
      </div>

      <!-- Porject 11 -->
      <div href="" class="card">
        <div class="project-info">
          <div class="project-bio">
            <h3>Incredibox</h3>
            <p>不用多介绍了吧！</p>
          </div>
          <div class="project-link">
            <!-- <a href="https://github.com/jaywcjlove/linux-command" target="_blank"><i class="fas fa-github"></i></a> -->
            <a href="https://incredibox.lintiebao.cn/" target="_blank"><i class="fas fa-globe"></i></a>
          </div>
        </div>
      </div>

      <!-- Porject 12 -->
      <div href="" class="card">
        <div class="project-info">
          <div class="project-bio">
            <h3>Novel</h3>
            <p>一个概念风格的所见即所得编辑器，具有AI驱动的自动完成功能</p>
          </div>
          <div class="project-link">
            <!-- <a href="https://github.com/jaywcjlove/linux-command" target="_blank"><i class="fas fa-github"></i></a> -->
            <a href="https://novel.lintiebao.com/" target="_blank"><i class="fas fa-globe"></i></a>
          </div>
        </div>
      </div>

      <!-- Porject 13 -->
      <div href="" class="card">
        <div class="project-info">
          <div class="project-bio">
            <h3>Tldraw</h3>
            <p>无限画布</p>
          </div>
          <div class="project-link">
            <a href="https://github.com/tldraw/tldraw" target="_blank"><i class="fas fa-github"></i></a>
            <a href="https://tldraw.lintiebao.com/" target="_blank"><i class="fas fa-globe"></i></a>
          </div>
        </div>
      </div>

      <!-- Porject 14 -->
      <div href="" class="card">
        <div class="project-info">
          <div class="project-bio">
            <h3>Excalidraw</h3>
            <p>虚拟白板，用于绘制手绘图表等草图</p>
          </div>
          <div class="project-link">
            <a href="https://github.com/excalidraw/excalidraw" target="_blank"><i class="fas fa-github"></i></a>
            <a href="https://excalidraw.lintiebao.com/" target="_blank"><i class="fas fa-globe"></i></a>
          </div>
        </div>
      </div>

      <!-- Porject 15 -->
      <div href="" class="card">
        <div class="project-info">
          <div class="project-bio">
            <h3>极简图形编辑器</h3>
            <p>虚拟白板，用于绘制手绘图表等草图</p>
          </div>
          <div class="project-link">
            <a href="https://github.com/maxwellito/minimator" target="_blank"><i class="fas fa-github"></i></a>
            <a href="https://minimator.app/" target="_blank"><i class="fas fa-globe"></i></a>
          </div>
        </div>
      </div>
      
      <!-- Porject 16 -->
      <div href="" class="card">
        <div class="project-info">
          <div class="project-bio">
            <h3>图片添加水印</h3>
            <p></p>
          </div>
          <div class="project-link">
            <!-- <a href="https://github.com/maxwellito/minimator" target="_blank"><i class="fas fa-github"></i></a> -->
            <a href="https://watermark.lintiebao.cn/" target="_blank"><i class="fas fa-globe"></i></a>
          </div>
        </div>
      </div>

       <!-- Porject 17 -->
       <div href="" class="card">
        <div class="project-info">
          <div class="project-bio">
            <h3>Gemini</h3>
            <p>好用的人工智能专家</p>
          </div>
          <div class="project-link">
            <a href="https://gemini.lintiebao.cn/" target="_blank"><i class="fas fa-globe"></i></a>
            <!-- <a href="./assets/project/muyu.md" target="_blank"><i class="fas fa-globe"></i></a> -->
          </div>
        </div>
      </div>

      <!-- Porject 18 -->
      <div href="" class="card">
        <div class="project-info">
          <div class="project-bio">
            <h3>图片移除背景</h3>
            <p>本地运行</p>
          </div>
          <div class="project-link">
            <a href="https://removebg.lintiebao.cn/"><i class="fas fa-globe"></i></a>
          </div>
        </div>
      </div>

      <!-- Porject 19 -->
      <div href="" class="card">
        <div class="project-info">
          <div class="project-bio">
            <h3>图片压缩</h3>
            <p>本地运行</p>
          </div>
          <div class="project-link">
            <a href="https://tinyimage.lintiebao.cn/"><i class="fas fa-globe"></i></a>
          </div>
        </div>
      </div>
      
      <!-- Porject 20 -->
      <div href="" class="card">
        <div class="project-info">
          <div class="project-bio">
            <h3>林花</h3>
            <p>海量诗词文</p>
          </div>
          <div class="project-link">
            <a href="https://poem.lintiebao.cn/"><i class="fas fa-globe"></i></a>
          </div>
        </div>
      </div>
      
      <!-- Porject 21 -->
      <div href="" class="card">
        <div class="project-info">
          <div class="project-bio">
            <h3>放大图片</h3>
            <p>图片变高清，本地运行</p>
          </div>
          <div class="project-link">
            <a href="https://bigpng.lintiebao.cn/"><i class="fas fa-globe"></i></a>
          </div>
        </div>
      </div>

    </article>
  </section>
  <script src="js/script.js"></script>
  <script>
    var elements = document.querySelector('.post-title__text');
    elements.textContent = '其他'
    var img = document.getElementById('backButton');
    img.addEventListener('click', function () {
      window.history.back()
    });
  </script>
</body>

</html>